<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="弹性盒子布局" />
		<meta name="Keywords" content="弹性盒子" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<title>首页</title>
		
		
	</head>
	<body>
		<div class="web">
		<!----------------头部  S----------------->
		<header>
			
			<i class="iconfont icon-mulu"></i>
			
			<input type="search" placeholder="搜索" id="search" />
			<i class="iconfont icon-sousuo-"></i>
			
			
		</header>
		<!----------------头部  E----------------->
		<!----------------中部  S----------------->
		<section>
			<!--------轮播图 S------->
			<div class="lunbotu_box">
			<div class="lunbotu">
				
			<a href="">
				<img src="img/首页_02.jpg" alt="" />
			</a>
			</div>
			<div class="dian"><div></div><div></div><div></div></div>
			</div>
			<!--------轮播图 E------->
			<div class="sousi_box">
			<div class="sousi">
				<div class="picture"><a href="html/商品列表.html"><img src="img/首页01_05.jpg"/></a></div>
				<div class="miaoshu"><a href="html/商品列表.html"><p>吊坠系列</p></a></div>
			</div>
			<div class="sousi">
				<div class="picture"><a href="html/商品列表.html"><img src="img/首页01_05.jpg"/></a></div>
				<div class="miaoshu"><a href="html/商品列表.html"><p>吊坠系列</p></a></div>
			</div>
			<div class="sousi">
				<div class="picture"><a href="html/商品列表.html"><img src="img/首页01_05.jpg"/></a></div>
				<div class="miaoshu"><a href="html/商品列表.html"><p>吊坠系列</p></a></div>
			</div>
			
			
			
			</div>
			
			
			
			<i></i>
		</section>
		<!----------------中部  E----------------->
		<!----------------底部  S----------------->
		<footer>
			<div class="souye"><a href="index.html"><i class="iconfont icon-qiye"></i><p>首页</p></a></div>
			
			<div class="banggou"><a href="html/商品列表.html"><i class="iconfont icon-bang"></i><p>帮购</p></a></div>
			
			<div class="gouwuce"><a href="html/商品列表.html"><i class="iconfont icon-icon1"></i><p>购物车</p></a></div>
			
			<div class="geren"><a href="html/个人中心.html"><i class="iconfont icon-kehu"></i><p>个人中心</p></a></div>
			
		</footer>
		<!----------------底部  E----------------->
		
		
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
